<script setup lang="ts">
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import BaseMenu from '@/layouts/BaseMenu.vue';
</script>

<template>
  <a-config-provider :locale="zhCN">
    <div className="top-wrapper"></div>
    <div class="flex-wrapper">
      <BaseMenu />
      <div class="right-wrapper">
        <router-view></router-view>
      </div>
    </div>
  </a-config-provider>
</template>

<style lang="scss">
/* top start */
.top-wrapper {
  position: relative;
  z-index: 103;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  width: 100%;
  min-width: 1040px;
  height: 60px;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 1px 6px 0 rgb(0 0 0 / 10%);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
.flex-wrapper {
  display: flex;
  .right-wrapper {
    width: 100%;
  }
}
/* top end */
</style>
